html {
    width: 100%;
    height: 100%;
    background-color: #fff;
    body {
        width: 100%;
        height: 100%;
        .index {
            max-width: 750px;
            min-width: 300px;
            position: relative;
            margin: 0 auto;
            overflow: auto;
            height: 100%;
            .top-img {
                width: 100%;
                height: 5.8rem;
                overflow: auto;
                img {
                    display: block;
                    width: 40%;
                    margin: 1.5rem auto 0;
                }
            }
            .input-list {
                width: 90%;
                margin: 0 auto;
                .input-box {
                    width: 90%;
                    height: 0.8rem;
                    margin: 0.5rem auto 0.6rem;
                    text-align: center;
                    font-size: 0.346666rem;
                    position: relative;
                    >i {
                        display: block;
                        float: left;
                        height: 0.8rem;
                        width: 0.6rem;
                        background: url(../img/login/icon-bg.png) no-repeat;
                        background-size: 300px 75px;
                    }
                    >.phone{
                        background-position-y: 0.1rem;
                    }
                    >.safe{
                        background-position-y: bottom;
                    }
                    >img{
                        display: block;
                        float: left;
                        height: 0.5rem;
                        width: 0.5rem;
                        margin-top: 0.15rem;
                    }
                    input {
                        display: block;
                        float: right;
                        width: 90%;
                        padding-left: 2%;
                        height: 100%;
                        border-bottom: 1px solid #ccc;
                        
                    }
                     ::-webkit-input-placeholder {
                        /* WebKit browsers */
                        color: #444D56;
                        letter-spacing: 0.1em;
                        
                    }

                    ::-moz-placeholder {
                        /* Mozilla Firefox 19+ */
                        color: #444D56;
                        letter-spacing: 0.1em;
                        
                    }
                    
                    a {
                        position: absolute;
                        line-height: 0.8rem;
                        top: 0;
                        right: 0;
                        letter-spacing: 0.1em;
                    }
                    .ercode{
                        position: absolute;
                        height: 0.8rem;
                        width: 2.8rem;
                        bottom: 0.1rem;
                        right: 0;
                        background-color: #8f8f8f;
                        
                    }
                }
            }
            .login{
                width: 80%;
                font-size: 0.466666rem;
                color: #fff;
                border-radius: 3px;
                margin: 1.5rem auto;
                line-height: 2.5;
                background-color: #17a861;
                text-align: center;
            }
            .register{
                width: 100%;
                position:absolute;
                bottom: 1rem;
                left: 0;               
                font-size: 0.346666rem;
                color: #728194;
                letter-spacing: 0.1em;
                text-align: center;
                a{
                   color: #728194; 
                }
            }
        }
    }
}